<!--锥齿轮与行星轮系传动比分配-->
<!--目录： 传动比 2级传动比分配 2级平行轴传动比分配 一级锥齿轮与一级行星轮系传动比分配-->
<template>
    <div class="sum" style="width: 100%; height: 100%;font-size: 16px;overflow-x:auto;overflow-y:auto">
        <a-row align="top" justify="left" style="height: 99%;margin-top: 0.3%" type="flex">
            <a-col :span="11" class="left_col" style="height: 100%; ">
                <div class="div_left" style="width: 97%;height: 97%;margin-top: 2%;margin-left: 3%">
                    <div  style="width: 100%;height:35%;margin-bottom: 2% ">
                        <div style="display: flex;width: 100%;height:100%; "  >
                            <div class="div_left_up" style="width: 83%;height:100%;margin-right: 3%">
                                <div class="title"><strong><label class="title1">输入参数</label></strong></div>
                                <div style="display: flex;width: 100%;height: 90%;padding-top: 2%;margin-left: 7%">
                                    <div style="text-align: right;margin-right: 5%;width: 40%;height: 90%">
                                        <ul style="height: 100%;width: 20%;position: absolute;left: 0;margin-left: 8px">
                                            <p>&nbsp;</p>
                                            <p>&nbsp;</p>
                                            <li>6个行星轮</li>
                                            <li>5个行星轮</li>
                                            <li>4个行星轮</li>
                                            <li>3个行星轮</li>
                                        </ul>
                                        <ul style="height: 100%;width: 20%;position: absolute;left: 20%">
                                            <li>总传动比</li>
                                            <li>不均载系数</li>
                                            <li><input type="text" v-model="params_02.bb1" /></li>
                                            <li><input type="text" v-model="params_02.bb2" /></li>
                                            <li><input type="text" v-model="params_02.bb3" /></li>
                                            <li><input type="text" v-model="params_02.bb4" /></li>
                                        </ul>
                                        <ul style="height: 100%;width: 20%;position: absolute;right: 36%;margin-left: 8px">
                                            <li><input type="text" v-model="params_02.u" />
                                            <li>齿数比限制值</li>
                                            <li><input type="text" v-model="params_02.aa1" /></li>
                                            <li><input type="text" v-model="params_02.aa2" /></li>
                                            <li><input type="text" v-model="params_02.aa3" /></li>
                                            <li><input type="text" v-model="params_02.aa4" /></li>
                                        </ul>
                                    </div>


                                </div>
                            </div>
                            <div><li> </li>
                                <li> </li>
                                <li> </li>
                                <li> </li>
                                <li> </li></div>

                            <button  @click="testclick" style="width:13.6%;height: 13%;margin-top: 250px; ">计算</button>
                        </div>
                    </div>

                    <div class="div_left_middle" style="width: 100%;height:32%;margin-bottom: 2% ">
                        <div class="title"><strong><label class="title1">以体积最小为目标函数</label></strong></div>
                        <div class="div_table1" style="border-radius: 5px;height: 60%;width: 80%;margin-left: 10%;margin-top: 4%;font-size: 17px;background-color: #F2F2F2">
                            <table class="table_right_1" style="margin-top: 1%;border-radius: 3px">
                                <tr style="background-color: #EAEAEA">
                                    <th width="11.8%">行星轮个数</th>
                                    <th width="19.3%">锥齿轮传动比</th>
                                    <th width="19.3%">圆柱齿轮传动比</th>
                                    <th width="11.8%">最小体积</th>
                                    <th></th>
                                </tr>
                            </table>
                            <textarea style="width: 100%;height: 100%" v-model="output_02.zfc"></textarea>
                        </div>
                    </div>



                </div>
                <!---->
            </a-col>
            <a-col :span="13" class="left_col" style="height: 100%;">
                <div style="width: 95%;height:85%;margin-top: 7%;margin-left: 3%;border: 0.5px solid rgba(215, 215, 215, 1.1); border-radius: 5px;">


                    <img src="@/assets/image/image_55_1.jpg" style="width: 80%;" alt="">

                </div>
            </a-col>
        </a-row>
    </div>
</template>
<!--hhgfhj-->
<script>
    import {bevel_planet_gear_ratio1} from "@/api/file";
    export default {
      created () {
        document.title = '一级锥齿轮与一级行星轮系传动比分配'
      },
        name: "BevelAndCylindrical_Gears",
        return_data_02:[1,2],
        data(){
            return{
                params_02:{
                    u:15,//-总传动比
                    bb1:1,
                    bb2:1,
                    bb3:1,
                    bb4:1,
                    aa1:3,
                    aa2:3.7,
                    aa3:5.7,
                    aa4:13.9
                },
                output_02:{
                    zfc:""
                }
            }
        },
        methods:
            {
                testclick(){
                    bevel_planet_gear_ratio1(this.params_02)
                        .then(res => {
                            console.log("打印结果");
                            console.log(res)
                            this.output_02.zfc= res[0];
                        })
                        .catch(err => {
                            this.$message.error(err);
                        });
                }
            }


    }
</script>
<style>
    tr{
        height: 50%;
    }
    .title {
        width: 100%;
        margin: 0px;
        padding: 0px;
        font-size: 17.5px;
        background-color: #D7D7D7;
        border-radius: 3px;
        padding-left: 2.5%;
        font-weight: bolder;
    }
    .div_left_up{
        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 5px;
        box-shadow:2px 2px 3px #aaaaaa;
    }

    .div_left_middle{

        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 5px;
        box-shadow:2px 2px 3px #aaaaaa;
    }
    .div_left_down{

        border: 0.5px solid rgba(231, 231, 231, 0.486);
        border-radius: 5px;
        box-shadow:2px 2px 3px #aaaaaa;
    }
    button{
        height: 50%;
        padding-left: 26px;
        padding-right: 26px;
        background-color: #6dd400;
        border-radius: 4px;
        border: 2px #686868;
    }

    input{
        width:40%;
        height: 85%;
        text-align: center;
        border: 1px solid rgba(231, 231, 231, 0.486);
    }
    .comp1{
        height: 50%;
    }
    .table_right_1{
        margin-top: 10%;
        width: 100%;
        text-align: center;
    }
</style>